<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>hello bootstrap</title>
    <!--导入bootstrap的主样式-->
    <link rel="stylesheet" href="component/bootstrap-3.3.7-dist/css/bootstrap.min.css" type="text/css">

</head>
<body>
<div class="container">
    <h2>搜索</h2>
    <div class="row">
        <div class="col-md-10">
            <form action="#" name="myform" method="post">
                <div class="form-group">
                    <label class="sr-only">用户名:</label>
                    <div class="input-group">
                        <div class="input-group-addon">
                            <span class="glyphicon glyphicon-search"></span>
                        </div>
                        <input type="text" name="search" class="form-control" placeholder="请输入你要搜索的内容">

                    </div>
                </div>
                <button type="submit" class="btn btn-success">查询</button>
            </form>
        </div>
    </div>

    <div class="row">
        <div class="col-md-5">
            <div class="alert alert-danger" role="alert">
                <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                <span class="sr-only">Error:</span>
                Enter a valid email address
            </div>
        </div>
    </div>


</div>
</body>
</html>